@charset "utf-8";

/* CSS Document */

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #333;
    font-size: 14px;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333;
    font-size: 14px;
    opacity: 1;
    padding-left: 10px
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #333;
    font-size: 14px;
    opacity: 1;
    padding-left: 10px
}


/* .layui-container{
	padding: 0;
} */

.top {
    color: #fff;
    padding: 13px 0;
    background: url(../images/top.png);
    background-size: cover;
}

.top a {
    color: #999999
}

.col33 {
    color: #333333
}

.col66 {
    color: #666
}

.logo {
    padding-left: 15px;
}

.coltxt {
    color: #4c4c4c
}

.colgrey {
    color: #aeaeae
}

.colorg {
    color: #f86e06
}

.logo-left {
    padding-left: 25px;
}

.logo-box {
    padding: 18px 0;
    background: #fff;
}

.colblue {
    color: #193066
}

.coltxt {
    color: #7a7a7a
}

.f17 {
    font-size: 17px;
}

.f34 {
    font-size: 34px;
}

.logo-right {
    padding-left: 15px;
}

.logo-r-tt {
    line-height: 3em;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #cdcdcd;
}

.top-phone {
    background: url(../images/tel.png) no-repeat left bottom;
    padding-left: 45px;
    color: #193066
}

.top-phone-box {
    background: #0057ae;
    color: #a3b8d9;
    text-align: center;
    line-height: 24px;
    padding: 0 10px;
}

.lg-box {
    margin-left: 20px;
}

.bannersize {
    height: 30vw!important;
}

nav {
    background: #f1f1f1;
}

nav a {
    color: #333333;
    display: block;
}

.pcnav>li {
    font-size: 16px;
    line-height: 50px;
    position: relative;
    width: 11.11%;
    text-align: center;
    box-sizing: border-box;
}

.pcnav>li:hover {
    background: #193066;
}

.pcnav>li:hover>a {
    color: #fff;
    font-weight: bold;
}


/* 模块标题 */

.main-title h2 {
    color: #193066
}

.main-title-left {
    padding-left: 16px;
    border-left: 5px solid #193066;
}

.main-title h2 b {
    font-size: 30px;
}

.main-title h2 em {
    font-size: 14px;
}

.main-title-more {
    display: block;
    color: #193066;
    font-size: 1rem;
}


/* 关于我们 */

#about {
    margin: 30px 0;
}

.ab-more:hover {
    color: #fff;
}

#about h4 {
    font-size: 24px;
    color: #333333;
    margin-bottom: 25px;
}

.ab-txt {
    background: #fafafa;
    width: 62.5%;
    padding: 40px 0;
}

.ab-txt-box {
    width: 93.5%;
    margin: 0 auto;
}

.ab-txt p {
    color: #666666;
    line-height: 2em;
    font-size: 14px;
    text-indent: 2em;
}

.ab-img {
    flex: 1;
}

.ab-img img {
    max-width: 100%;
}

.ab-box {
    margin-top: 30px;
     background: #fafafa; ;
}

.ab-txt-more {
    display: block;
    width: 180px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #193066;
    color: #193066;
    margin-top: 30px;
}

.ab-txt-more:hover {
    color: #193066
}


/* 产品 */

#products {
    padding: 40px 0;
    background: #f2f2f2;
}

.goods-cate {
    width: 86%;
}

.goods-cate li {
    width: 20%;
    padding-bottom: 15px;
}

.goods-menu {
    margin-top: 46px;
}

.goods-menu-more {
    align-self: flex-end;
    padding-bottom: 15px;
}

.goods-box {
    margin-top: 30px;
}

.goods-item-img {
    width: 100%;
    height: 380px;
    object-fit: contain;
}

.goods-item-title {
    background: #fff;
    padding: 15px 0;
}

.goods-item-title h3 {
    margin-right: 10px;
}


/* mid-con */

#mid-cont {
    background: url(../images/mid-cont.jpg);
    padding: 30px 0;
}

.mid-box {
    padding: 0 65px;
}

.mid-md {
    padding-left: 80px;
    background: url(../images/tel2.png) no-repeat left center;
}

.mid-md p {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.mid-more {
    background: #93b3ff;
    text-align: center;
    width: 170px;
    line-height: 44px;
    border-radius: 15px;
}

.mid-more a {
    color: #fff;
    font-size: 16px;
}


/* 案例 */

#case {
    margin: 50px 0;
}

.case-box {
    margin-top: 30px;
}

.case-item {
    border: 1px solid #cfcfcf;
}

.case-item img {
    width: 100%;
    height: 215px;
    object-fit: contain;
}

.case-item-txt {
    padding: 20px 30px;
    position: relative;
    padding-bottom: 30px;
}

.case-item-txt h3 {
    font-size: 18px;
    color: #333333;
    height: 24px;
    overflow: hidden;
}

.case-item-txt p {
    color: #999999;
    margin-top: 10px;
    height: 38px;
    overflow: hidden;
}

.case-more {
    width: 113px;
    line-height: 29px;
    border: 1px solid #cfcfcf;
    background: #f2f2f2;
    text-align: center;
    color: #666666;
    position: absolute;
    left: calc(50% - 57.5px);
    bottom: -15.5px;
}


/* 理由 */

#reason {
    background: url(../images/reason-bg.jpg);
    padding: 66px 0;
}

#reason h2 {
    background: url(../images/line6.png) no-repeat center center;
    font-size: 30px;
    color: #193066;
    text-align: center;
    font-weight: bold;
}

#reason h2 em {
    color: #fe0002
}

#reason h3 {
    text-align: center;
    color: #193066;
    font-size: 18px;
    margin-top: 10px;
}

.reason-box {
    margin-top: 30px;
}

.reason-box-left {
    width: 50%;
}

.reason-box-right {
    width: 50%;
    text-align: center;
}
.reason-box-right img{
	max-width: 100%;
}
.reason-num {
    background: url(../images/nub-bg.png);
    color: #fff;
    font-size: 30px;
    font-family: Impact;
    width: 63px;
    line-height: 57px;
    text-align: center;
}

.reason-txt {
    flex: 1;
    padding-left: 36px;
}

.reason-txt h4 {
    font-size: 24px;
    font-weight: bold;
    color: #193066
}

.reason-txt p {
    color: #333333;
    font-size: 16px;
    margin-top: 10px;
    color: #333333;
    line-height: 26px;
}

.reason-box-left ul li:nth-child(2) {
    margin: 60px 0;
}


/* 新闻 */

#news {
    margin: 40px 0;
}

.news-left-f {
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 25px;
}

.news-f-top h3 {
    color: #193066;
    font-size: 18px;
    font-weight: bold;
    width: 114px;
    background: url(../images/bg-pen.png) no-repeat;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 9px;
}

.news-f-top h4 {
    font-size: 20px;
    margin-left: 5px;
}

.news-left-f p {
    color: #666666;
    font-size: 14px;
    line-height: 2em;
    margin-top: 20px;
}

.news-left-f p a {
    color: #193066
}

.news-l-m-img {
    width: 30%;
}

.news-l-m-img img {
    width: 100%;
    height: 119px;
    object-fit: cover;
}

.news-l-m-txt {
    width: 65%;
}

.news-left-m li {
    padding: 18px 0;
    border-bottom: 1px dashed #cccccc;
}

.news-l-m-txt h4 {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}

.news-l-m-txt p {
    margin-top: 10px;
    color: #666666;
    line-height: 2em;
    max-height: 56px;
    overflow: hidden;
}

.news-left-b li {
    margin: 18px 0;
}

.news-left-b li a {
    color: #666666;
    font-size: 16px;
}

.news-left-b li span {
    color: #666666;
}

.news-left-b li:hover a {
    color: #193066;
    font-weight: bold;
}

.news-right {
    padding-left: 80px;
}

.news-r-box {
    background: url(../images/bg-right.png) no-repeat;
    padding: 36px 24px;
}

.news-r-box h3 {
    font-size: 18px;
    color: #999999
}

.news-r-box h3 b {
    color: #193066;
    font-size: 18px;
}

.news-r-img {
    margin-top: 20px;
}

.news-r-img img {
    width: 100%;
}

.news-right-list li {
    padding-left: 25px;
    background: url(../images/p1.png) no-repeat left 30px;
    padding-top: 21px;
    padding-bottom: 21px;
    border-bottom: 1px dashed #cccccc;
}

.news-right-list li h4 a {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}

.news-right-list li p {
    margin-top: 10px;
    color: #666666;
}


/* 底部 */

footer {
    background: #193066;
    padding-bottom: 20px;
    margin-top: 40px;
    padding-top: 50px;
}

.f-g-list {
    width: 320px;
}

.f-g-list a {
    color: #b9c7df
}

.f-g-list li {
    width: 50%;
    margin: 10px 0;
}

.f-g-list li:hover a {
    color: #fff
}

.foot-left-m img {
    margin-right: 15px;
}

.foot-left-m {
    color: #fff
}

.foot-left-m .f14 {
    color: #b9c7df
}

.foot-right-m .f14 {
    color: #b9c7df
}

.foot-right-m p {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.footer-top {
    padding-bottom: 30px;
    border-bottom: 1px solid #fff;
}

.footer-bot {
    padding-top: 20px;
    color: #fff;
}

.footer-bot a {
    color: #fff;
    padding: 0 5px;
}

.footer-bot a:hover {
    color: #fff;
}

.nei_form-top li {
    width: 47%;
}

.nei_sub-input {
    width: calc(100% - 2em);
    padding: 0.5em 1em;
    display: block;
    max-width: 100%;
    border-radius: 5px;
    border: none;
}

.nei_submit {
    background: #fff;
    color: #00a2e9;
    width: 160px;
    line-height: 32px;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
}

.op5 {
    opacity: 0.5;
}

#path {
    padding: 15px 0;
    border-bottom: 1px dashed #d6d6d6;
}

article {
    overflow: hidden;
    padding: 0 15px;
}

.clwh {
    position: fixed;
    height: 49px;
    bottom: 0;
    background: #e4e5e6;
    width: 100%;
    z-index: 10;
    display: none;
}

.tj_news_title {
    border-bottom: 2px solid #f1f1f1;
    padding: 15px 0;
}

.tj_news li {
    width: 47%;
    padding: 15px 0;
    border-bottom: 1px dashed #cccccc;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #193066;
}
.layui-laypage a:hover {
    color: #193066;;
}
.news-ul li {
    padding: 16px 0;
    border-bottom: 1px dashed #b5b5b5;
}
/* 表单 */

.news_box_nei {
    
    margin: 20px auto;
}

.nei_form-top li {
    width: 47%;
}

.nei_sub-input {
    width: calc(100% - 2em);
    padding: 0.5em 1em;
    display: block;
    max-width: 100%;
    border-radius: 5px;
    border: none;
}

.nei_submit {
    background: #115f9d;
    color: #fff;
    width: 160px;
    line-height: 32px;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 5px;
}

.form_2 {
    background: #e2e3e4;
    padding: 20px;
    margin: 20px auto;
    width: 80%;
}
/*内页产品*/

.pro-left {
    border: 2px solid #193066
}

.pro-l-top {
    background:#193066;
    background-size: cover;
    padding: 16px 40px;
}

.pro-l-top h2 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-top: 8px;
}

.pro-l-top h3 {
    font-size: 20px;
    opacity: 0.5;
    color: #fff;
    text-transform: uppercase;
}

.pro-l-bottom {
    padding: 0 13px;
    padding-bottom: 20px;
}

.pro-l-bottom li {
    padding: 10px 0 10px 34px;
    background: url(../images/row1.png) no-repeat 5px center;
    border-bottom: 1px solid #cccccc;
}

.pro-l-bottom li a {
    display: block;
    height: 19px;
    overflow: hidden;
}

.pro-l-bottom li:hover {
    background: url(../images/row2.png) no-repeat 5px center;
}

.pro-l-bottom li:hover a {
    color: #193066
}

/**/
.nei_goods_top {
    border: 1px solid #dedede;
    padding: 20px 10px;
}
.nei_goods_top_img{
	border: 7px solid #e6e6e6;
}
.nei_goods_top_img img{
	width: 100%;
	height: 300px;
	object-fit:contain;
}
.nei_goods_top_r p{
	margin: 20px 0;
	padding-bottom: 10px;
	color:#333;
	font-size: 14px;
	line-height: 1.5em;
	border-bottom: 1px dashed #999;
}
.nei_goods_top_order{
	background: #193066;
	width: 150px;
	line-height: 32px;
	text-align: center;
	border-radius: 5px;
	
}
.nei_goods_top_order a{
	color:#fff;
}
.nei_goods_top_link{
	margin-top: 80px;
}
.nei_goods_top_tel{
	border: 1px solid  #193066;
	width: 150px;
	line-height: 30px;
	text-align: center;
	margin-left: 10px;
	border-radius: 5px;
}
.nei_goods_top_tel a{
		color:#193066;
}
@media screen and (min-width: 1200px) {
    .layui-container {
        padding: 0;
        width: 1200px;
    }
}

@media screen and (max-width:1200px) {
    .top-phone span,
    .top-phone p {
        display: none;
    }
    .top-phone {
        background: none;
        padding-left: 0;
    }
    .goods-item-img {
        height: 220px;
    }
    .mid-box img{
    	width: 300px;
    }
    .mid-box{padding:0}
    .case-item img{
    	height: 163px;
    }
    .news-r-box{
    	background: none;
    	border: 1px solid #c9c7c7;
    }
    .f-g-list{
    	display: none;
    }
     .pro-l-top {
        padding: 10px 15px;
    }
    .pro-l-bottom li {
        padding: 10px 0 10px 34px;
    }
    .pro-l-bottom {
        padding-bottom: 18px;
    }
    
}

@media screen and (max-width:992px) {
    .lgdn {
        display: none;
    }
    .top-phone-box {
        display: none;
    }
    .top-phone {
        background: none;
        padding-left: 0;
    }
    .pcnav>li {
        width: 25%;
        padding: 0;
        background: none;
        line-height: 32px;
    }
    .top-phone {
        padding: 0;
    }
    .goods-item-img {
        height: 259px;
    }
    .mt40 {
        margin-top: 20px;
    }
    .footer-top {
        display: none;
    }
    .goods-cate li {
        width: 33%;
        padding-bottom: 15px;
    }
    .news-right {
        padding-left: 0px;
    }
	.ab-txt{
		width: 100%;
	}
	.mid-box img{
    display: none;
    }
     .case-item img{
    	height: 122px;
    }
    .case-item-txt{
    	padding: 20px 10px ;
    }
    .case-item-txt h3{
    	font-size: 16px;
    }
    .reason-box-left{
    	width: 100%;
    }
    .reason-box-right{
    	display: none;
    }
    .pro-l-bottom {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }
    .pro-l-bottom li {
    width: calc(25% - 10px);
    padding: 10px 5px;
    font-size: 14px;
    background: none;
}
.tj_news{
    	display: none;
    }
}
.oj-c{
	object-fit: contain;
}
@media screen and (max-width:768px) {
    .top_right .f24 {
        font-size: 14px;
    }
    .top {
        display: none;
    }
    .bannersize {
        height: 40vw!important;
    }
    .bannersize button {
        display: none;
    }
    .goods-item-img {
        height: 248px;
    }
    .case-item img{
    	height: 109px;
    }
     .pro-l-bottom li {
        width: calc(25% - 10px);
        padding: 10px 5px;
        font-size: 14px;
        background: none;
    }
    .pro-l-bottom li:hover {
        background: none;
    }
    .pro-l-bottom {
        padding-top: 18px;
    }
    .tj_news{
    	display: none;
    }
}

@media screen and (max-width:480px) {
	.top_right .f24 {
        font-size: 12px;
    }
	.logo-img{
		width: 250px;
	}
	 .lg-box img {
        width: 20px;
    }
	nav a{
		font-size: 12px;
	}
	nav .layui-container{
		padding: 0;
	}
	.pcnav>li{
		width: 33%;
		line-height: 1.5em;
	}
	.pcnav>li:nth-child(2n){
		background: #e2e2e2;
	}
    .logo-box {
        padding: 10px 0;
    }
   .main-title-left{
   	padding-left: 1em;
   }
   .main-title h2 b {
    font-size: 17px;
	}
	.main-title{
		font-size: 12px;
	}
    #about {
        margin: 15px 0;
    }
    #about h4{
    	font-size:14px!important;
    	margin-bottom: 10px;
    }
    #about p{
    	font-size: 12px;
    }
    .ab-box{
    	margin-top: 10px;
    }
    .ab-txt-more{
    	margin-top: 10px;
    	font-size: 12px;
    	line-height: 2em;
    }
    .ab-txt{
    	padding: 15px 0;
    }
    #products{
    	padding: 15px 0;
    }
    .goods-menu-more {
        display: none;
    }
    .goods-cate {
        width: auto;
        margin-left: 20px;
        flex: 1;
    }
    .goods-cate li {
        padding-bottom: 5px;
         flex: 1;
        font-size: 13px;
    }
    .goods-item-img {
        height: 150px;
    }
    .goods-item-title h3{
    	font-size: 12px;
    }
    .goods-item-title{
    	padding: 5px ;
    }
    .goods-item-title img{
    	display: none;
    }
    .mid-md{
    	padding-left: 50px;
    	background-size: contain;
    }
    .mid-md p{
    	font-size: 14px;
    }
   .mid-more{
   	width: 100px;
   	line-height: 2em;
   }
   .mid-more a{
   	font-size: 12px;
   }
   #case{
   	margin: 15px 0;
   }
    .case-item img{
    	height: 80px;
    }
    .case-more{
    	display: none;
    }
    .case-item-txt h3 {
    font-size: 12px;
    height: 32px;
	}
	.case-item-txt p{
		display: none;
	}
	.case-item-txt{
		padding: 8px;
	}
	#reason{
		padding: 20px 0;
	}
	#reason h2{
		font-size: 17px;
	}
	#reason h3{
		font-size: 14px;
	}
	.reason-num{
		background-size: contain;
		width: 40px;
		height: 36px;
		line-height: 36px;
		font-size: 18px;
		
	}
	.reason-txt{
		padding-left: 15px;
	}
	.reason-txt h4{
		font-size: 15px;
	}
	.reason-txt p{
		font-size: 12px;
	}
	.reason-box-left ul li:nth-child(2){
		margin: 15px 0;
	}
	.news-f-top h4{
		font-size: 14px;
	}
    .news-f-top h3 {
        display: none;
    }
    .news-r-box {
        background: none;
        padding: 20px 10px;
        border: 1px solid #c9c7c7;
    }
    .news-right-list li {
        padding-left: 0;
        background: none;
    }
    .news-l-m-txt h4{
    	font-size: 13px;
    }
    .news-left-f p{
    	font-size: 12px;
    	margin-top: 10px;
    }
    .news-l-m-txt p{
    	font-size: 12px;
    	height: 54px;
    }
    .mt40 {
        margin-top: 20px;
    }
    .news-left-b li span{
    	font-size: 12px;
    }
    .news-left-b li a {
        font-size: 12px;
    }
    .news-right-list li h4 a{
    	font-size: 13px;
    }
    .news-right-list li{
    	padding: 10px 0;
    }
    .news-right-list li p{
    	font-size: 12px;
    }
    .clwh {
        display: block;
    }
    footer {
        margin-bottom: 49px;
        padding-top: 20px;
    }
    .footer-bot{
    	padding-top: 0;
    	font-size: 12px;
    }
    .news-right-first-time {
        width: 15%;
    }
    .goods-menu{
    	margin-top: 10px;
    }
    article{
    	padding: 5px ;
			
    }
    article h1{
    	font-size: 17px!important;
    }
	
    .news-ul li a{
    	font-size: 12px;
    }
    .news-ul span{
    		font-size: 12px;
    }
    .news-r-img img{
    	height: 150px;
    	object-fit: cover;
    }
    .news-ul li{
    	padding: 8px 0;
    }
    .news-ul li h3{
    	margin-right: 10px;
    }
    .news-ul li a{
    	font-size: 12px;
    }
     .pro-l-top h3 {
        font-size: 14px;
    }
    .pro-l-top h2 {
        font-size: 17px;
        margin-top: 3px;
    }
    .pro-l-bottom li:hover {
        background: none;
    }
    .pro-l-bottom {
        padding: 8px;
    }
    .pro-l-bottom li a{
    	font-size: 10px;
    	 height: 16px;
    }
    .tj_news{
    	display: none;
    }
    #path {
    padding: 5px 0;
    font-size: 12px;
	}
	.xldn{
		display: none;
	}
	#nei-main{
		min-height: 40vh;
	}
	.nei_goods_top_img img{
		height: 220px;
	}
	.nei_goods_top_r p{
		font-size: 12px;
		margin: 10px 0;
	}
	.nei_goods_top_link{
		margin-top: 20px;
	}
	.nei_goods_top_order,.nei_goods_top_tel{
		width: auto;
		padding: 0 10px;
	}

}